<!--<!DOCTYPE html>-->
<!--<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
<!--    <title>用户登录界面</title>-->
<!--    <link th:href="@{G:\cwmidea\SafeText\src\main\resources\static\css\bootstrap.min.css}" rel="stylesheet">-->
<!--    <link th:href="@{G:\cwmidea\SafeText\src\main\resources\static\css\signin.css}" rel="stylesheet">-->
<!--</head>-->
<!--<body class="text-center">-->
<!--    <form class="form-signin" th:action="@{/userLogin}" th:method="post" >-->
<!--        <img class="mb-4" th:src="@{/img/login.jpg}" width="72px" height="72px">-->
<!--        <h1 class="h3 mb-3 font-weight-normal">请登录</h1>-->
<!--        &lt;!&ndash; 用户登录错误信息提示框 &ndash;&gt;-->
<!--        <div th:if="${param.error}" style="color: red;height: 40px;text-align: left;font-size: 1.1em">-->
<!--            <img th:src="@{/img/loginError.jpg}" width="20px">用户名或密码错误，请重新登录！-->
<!--        </div>-->
<!--        <input type="text" name="username" class="form-control" placeholder="用户名" required="" autofocus="">-->
<!--        <input type="password" name="password" class="form-control" placeholder="密码" required="">-->
<!--        <div class="checkbox mb-3">-->
<!--            <label>-->
<!--                <input type="checkbox" name="rememberme"> 记住我-->
<!--            </label>-->
<!--        </div>-->
<!--        <button class="btn btn-lg btn-primary btn-block" type="submit" >登录</button>-->
<!--        <p class="mt-5 mb-3 text-muted">Copyright© 2019-2020</p>-->
<!--    </form>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户登录界面</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitterbootstrap/5.1.1/css/bootstrap.min.css">
    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script
            src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitterbootstrap/5.1.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 用户登录form表单 -->
<form th:action="@{/login}" method="post">
    <div class="mb-3">
        <label for="username" class="form-label">用户名</label>
        <input type="text" class="form-control" id="username"
               name="username">
    </div>
    <div class="mb-3">
        <label for="password" class="form-label">密码</label>
        <input type="password" class="form-control" id="password"
               name="password">
    </div>
    <div class="checkbox mb-3">
        <label>
            <input type="checkbox" name="rememberme"> 记住我
        </label>
    </div>
    <button type="submit" class="btn btn-primary">登录</button>
    <p th:if="${param.error}">用户名或密码错误，登录失败！</p>
</form>
<p><span th:text="${#dates.createNow()}"></span></p>
</body>
</html>